<template>
   <div class="big-box">
      <div class="top-nav-box">
          <topHeade></topHeade>
      </div>
       <bigSwiper></bigSwiper>
   </div>
</template>

<script>

    import bigSwiper from "./component/bigSwiper";
    import indexMinxin from "../../mixin";
    export default {
        name: "index",
        components:{
            bigSwiper
        },
        mixins:[indexMinxin],
        created() {
            this.modifyIndex(0)
        }
    }
</script>

<style scoped>
    .big-box{
        height: 100vh;
        background-size: 100% 100%;
        background-image: url("../../assets/indexImg/index_bg.jpg");
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden;
    }
    .top-nav-box{
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1000;
    }
    .top-nav {
        background: transparent;
    }
</style>